<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="image/favicon.ico" mce_href="image/favicon.ico" type="image/x-icon">
		<!-- ZUI 标准版压缩后的 CSS 文件 -->
		<link rel="stylesheet" href="./zui-1.9.0/css/zui.min.css">
		<link rel="stylesheet" href="./css/demo.css">
		<title>调度优化</title>
		<style type="text/css">
			.layui-layer-dialog .layui-layer-content {
				color: white
			}
		</style>
	</head>
	<body style="background: rgb(27,29,40);" ctxPath="${ctxPath}">
		<div class="container-fluid">

			<div class="row">
				<div class="col-xs-7">
					<div id="gd_fh" style="height:380px;margin: 13px;border:1px solid #eee;padding: 15px;">

					</div>
				</div>
				<div class="col-xs-5">
					<div id="dd_nl" style="height:380px;margin: 13px;border:1px solid #eee;padding: 15px;">

					</div>
				</div>
			</div>

			<div class="row">
				<div>
					<div style="height:380px;margin: 13px;border:1px solid #eee;padding: 15px;">
						<div class="col-xs-4" id="gonglv" style="height:360px;"></div>

						<div class="col-xs-8">
							<table  class="table table-bordered" style="table-layout: fixed;">
								<thead>
									<tr>
										<th rowspan="2" style="vertical-align: middle">策略名称</th>
										<th colspan="4">关联指标权重</th>
										<th rowspan="2" style="vertical-align: middle">状态</th>
										<th rowspan="2" style="vertical-align: middle">操作</th>
									</tr>
									<tr>
										<th>系统安全</th>
										<th>供电可靠</th>
										<th>电池损耗</th>
										<th>整体能效</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<font color="#B95C5A">每个电池堆充电功率在安全范围且总和最小</font>
										</td>
										<td>
											<font color="#B95C5A">75%</font>
										</td>
										<td>
											<font color="#B95C5A">15%</font>
										</td>
										<td>
											<font color="#B95C5A">7%</font>
										</td>
										<td>
											<font color="#B95C5A">3%</font>
										</td>
										<td>
											<font color="#B95C5A">执行中</font>
										</td>
										<td>
											<a class="btn btn-primary ">暂停</a>&nbsp;
											<a class="btn btn-danger ">删除</a>
										</td>
									</tr>
									<tr>
										<td>每个电池堆发热量总和最小</td>
										<td>50%</td>
										<td>15%</td>
										<td>20%</td>
										<td>15%</td>
										<td>未执行</td>
										<td>
											<a class="btn btn-primary ">执行</a>&nbsp;
											<a class="btn btn-danger ">删除</a>
										</td>
									</tr>
									<tr>
										<td>每个电池堆SOC运行范围总和最小</td>
										<td>15%</td>
										<td>10%</td>
										<td>70%</td>
										<td>5%</td>
										<td>未执行</td>
										<td>
											<a class="btn btn-primary ">执行</a>&nbsp;
											<a class="btn btn-danger ">删除</a>
										</td>
									</tr>
									<tr>
										<td>每个电池堆内单体电池不一致性总和最小</td>
										<td>15%</td>
										<td>15%</td>
										<td>25%</td>
										<td>45%</td>
										<td>未执行</td>
										<td>
											<a class="btn btn-primary ">执行</a>&nbsp;
											<a class="btn btn-danger ">删除</a>
										</td>
									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="dlg" hidden="hidden">
			<div class="row" id="condition">
				<div class="col-xs-10" style="height:180px;margin: 15px;border:1px solid #eee;padding: 15px;">
					<table style="font-size: 15px;">
						<tr style="height: 40px;">
							<td>
								<font color="#FFF">放电约束：</font>
							</td>
							<td>
								<font color="#3D6FAF">补充电网供电部分不足</font>
							</td>

							<td>
								<font color="#FFF">&nbsp;&nbsp;SOC运行范围：</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;
									<input type="radio" name="soc" value="zidong1">&nbsp;自动选择 &nbsp;
									<input type="radio" name="soc" value="zdy1" checked>&nbsp; 自定义 &nbsp; &nbsp; &nbsp;
									<font id='tr1'><input type="text" value="50%" style="width: 40px;"> &nbsp; ~ &nbsp; <input type="text" value="70%"
										 style="width: 40px;"></font>
								</font>
							</td>

						</tr>
						<tr style="height: 40px;">
							<td>
								<font color="#FFF">充电约束：</font>
							</td>
							<td>
								<font color="#3D6FAF">小于电网供电能力</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;&nbsp;充放电功率：</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;
									<input type="radio" name="gonglv" checked value="zidong2">&nbsp;自动选择 &nbsp;
									<input type="radio" name="gonglv" value="zdy2">&nbsp; 自定义 &nbsp; &nbsp; &nbsp;
									<font id='tr2' hidden="hidden"><input type="text" value="50%" style="width: 40px;"> &nbsp; ~ &nbsp; <input
										 type="text" value="70%" style="width: 40px;"></font>
								</font>
							</td>
						</tr>
						<tr style="height: 40px;">
							<td>
								<font color="#FFF">能力平衡约束：</font>
							</td>
							<td>
								<font color="#3D6FAF">充电电量 >= 放电电量</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;&nbsp;电热堆发热量：</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;
									<input type="radio" name="reliang" checked value="zidong3">&nbsp;自动选择 &nbsp;
									<input type="radio" name="reliang" value="zdy3">&nbsp;自定义 &nbsp; &nbsp; &nbsp;&nbsp;
									<font id='tr3' hidden="hidden"><input type="text" value="50%" style="width: 40px;"> &nbsp; ~ &nbsp; <input
										 type="text" value="70%" style="width: 40px;"></font>
								</font>
							</td>
						</tr>
						<tr style="height: 40px;">
							<td></td>
							<td></td>
							<td>
								<font color="#FFF">&nbsp;&nbsp;单体电池不一致性：</font>
							</td>
							<td>
								<font color="#FFF">&nbsp;
									<input type="radio" name="yzx" checked value="zidong4">&nbsp;自动选择 &nbsp;
									<input type="radio" name="yzx" value="zdy4">&nbsp;自定义 &nbsp; &nbsp; &nbsp;&nbsp;
									<font id='tr4' hidden="hidden"><input type="text" value="50%" style="width: 40px;"> &nbsp; ~ &nbsp; <input
										 type="text" value="70%" style="width: 40px;"></font>
								</font>
							</td>
						</tr>
					</table>
				</div>
				<div class="col-xs-1" id="startDiv">
					<button class="btn btn-block" style="height: 180px;margin: 15px" id="btnStart">启动</button>
				</div>
				<div class="col-xs-1" hidden="hidden" id="pushDiv">
					<button class="btn btn-block" style="height: 180px;margin: 15px" id="btnPush">策略<br />下发</button>
				</div>
			</div>


			<div class="row" id="chart" hidden="hidden" style="margin-top: 20px;">
				<div class="col-xs-6" id="quxian" style="width: 480px;height: 370px;"></div>
				<div class="col-xs-5" id="zhibiao" >
					<table class="table table-bordered" style="table-layout: fixed;">
						<thead>
							<tr>
								<th>运行指标</th>
								<th>结果</th>
								<th>响应指标</th>
								<th>结果</th>
							</tr>
							<thead>
							<tbody>
								<tr>
									<td>迭代次数</td>
									<td>20</td>
									<td><font color="#DD6B66">充电响应时间</font></td>
									<td><font color="#DD6B66">0.6s</font></td>
								</tr>
								<tr>
									<td>系统运行最小容量</td>
									<td>23.1%</td>
									<td>放电响应时间</td>
									<td>0.9s</td>
								</tr>
								<tr>
									<td>最小运行功率</td>
									<td>10.3%</td>
									<td>充电到放电转换时间</td>
									<td>1.3%</td>
								</tr>
								<tr>
									<td>最小发热量</td>
									<td>43.6%</td>
									<td>放电到充电转换时间</td>
									<td>1.1s</td>
								</tr>
								<tr>
									<td>最大温升</td>
									<td>2℃</td>
									<td>有功调节速率</td>
									<td>22%Pe/20ms</td>
								</tr>
								<tr>
									<td>最小不一致性</td>
									<td>0.308</td>
									<td></td>
									<td></td>
								</tr>
								<tr>
									<td>最大压差</td>
									<td>0.053mV</td>
									<td></td>
									<td></td>
								</tr>
							</tbody>


					</table>
				</div>

			</div>
		</div>

		<!--外层容器-->
		<div class="row" id="jdt" hidden="hidden">
			<canvas id="canvas"></canvas>
		</div>

		<script src="./zui-1.9.0/lib/jquery-1.11.0.min.js"></script>
		<script src="./zui-1.9.0/js/zui.min.js"></script>
		<script src="./layer/layer.js"></script>
		<script src="./echarts/echarts.min.js"></script>
		<script src="./echarts/dark.js"></script>
		<script src="./js/lib/simplex-noise.js"></script>
		<script src="./js/cmd.js"></script>
	</body>
</html>
